<template lang="">
    <div class="newRecource">
        <div class="newRecource-title">
            <div>
                <strong>|</strong>
                <span>最新资源</span>
            </div>
            <div id="btn">查看更多</div>
        </div>
        <!-- 两张主要图片 -->
        <div class="newRecource-bigImg">
            <div class="img-box" v-for="(item, index) in newRecourceListMain" :key="index">
                <img src="@/assets/images/posts/5.jpg" alt="" />
                <div class="title">{{item.tag}}</div>
                <div class="desc">{{item.desc}}</div>
                <div class="footer">
                    <div><i class="el-icon-timer" />{{item.newTime}}</div>
                    <div><i class="el-icon-thumb" />{{item.watchCount}}</div>
                </div>
            </div>
        </div>

        <!-- 其他图片 -->
        <div class="newRecource-littemImg">
            <div class="item" v-for="(item, index) in newRecourceListOthers" :key="index">
                <img src="@/assets/images/posts/3.jpg" />
                <div class="item-info">
                    <div class="tag">{{item.tag}}</div>
                    <p class="desc">{{item.desc}}</p>
                    <div class="other">
                        <div><i class="el-icon-timer" />{{item.newTime}}</div>
                        <div><i class="el-icon-thumb" />{{item.watchCount}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                
            }
        },
        props:{
            newRecourceListMain:{
                type:Array,
                required:true
            },
            newRecourceListOthers:{
                type:Array,
                required:true
            }
        },
        methods: {
            
        },
    }
</script>
<style lang="less" scoped>
    @import url('@/assets/less/newRecource.less');
</style>